

<template>
    <div class="qradio">
        <div class="title">
            <span style="color:red;">*</span>
            <span>{{serialNum}}</span>
            {{data.question}}
        </div>
        <div class="tips" v-if="data.tips && data.tips.length > 0">{{data.tips}}</div>

        <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="model">
        </el-input>



    </div>
</template>

<script>
import MODEL from '@/mixins/model';

export default {
    mixins: [MODEL],
    name: '',
    props: {
        serialNum: {
            type: Number,
            default: null,
        },
        data: {
            type: Object,
            default: () => ({}),
        },
    },
    data() {
        return {
            radio: null,
        };
    },
    mounted() {},
    methods: {
        selectChange: function (item) {
            console.log(item);
            console.log(11, this.data.answer);
        },
        labelClick(item) {
            this.model = item;
        },
    },
};
</script>

<style lang="scss" scoped>
.qradio {
    font-size: 14px;
    .title {
        font-size: 18px;
        margin: 10px 0;
    }
    .tips {
        color: #979696;
    }

}
</style>
